// 定义懒加载插件
import { useIntersectionObserver } from '@vueuse/core'

export const lazyPlugin = {
  install(app) {
    // 懒加载逻辑
    // 定义全局指令
app.directive('img-lazy', {
  mounted(el, binding) {
    // el:绑定的元素 img  binding:指令的参数 binding.value：指令的值 图片url
    // console.log(el,binding)
    const {stop} = useIntersectionObserver(
      el,
      // isIntersecting 是否进入视口
      ([{ isIntersecting }]) => {
        if (isIntersecting) {
          // console.log(isIntersecting)
          el.src = binding.value
          stop()
        }
      }
    )
  }
})
  }
}